<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if lte IE 8]>              <html class="ie8 no-js" lang="en">     <![endif]-->
<!--[if IE 9]>					<html class="ie9 no-js" lang="en">     <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->	<html class="not-ie no-js" lang="en">  <!--<![endif]-->
<head>
	<meta name="description" content="刘景琦的个人秀" />
	<meta name="keywords" content="刘景琦 宝宝 成长记录 个人秀" />
	<%@include file="include/link.jsp" %>
	<title>快乐宝贝 - 刘景琦</title>
</head>
<body class="t-blue t-pattern-1 kids-front-page t-menu-1 t-header-1 t-text-1">
	<div class="kids-bg-level-1">
		<%@include file="include/head.jsp" %>
		<div class="bg-level-2-page-width-container l-page-width">
			<div class="kids_slider_bg">
				<div class="kids_slider_wrapper">
					<div class="kids_slider_inner_wrapper">
						<div id="kids-slider" class="nivoSlider">
							<img alt="百天照" src="img/100-1.jpg" />
							<img alt="百天照" src="img/100-2.jpg" />
							<img alt="sample_2" src="img/sample_2.jpg" />
							<img alt="森林公园" src="img/forest1.jpg" />
							<img alt="和妈妈合影" src="img/forest2.jpg" />
							<img alt="sample_5" src="img/sample_5.jpg" />
							<img alt="sample_6" src="img/sample_6.jpg" />
						</div><!--/ #kids-slider-->
					</div><!--/ .kids_slider_inner_wrapper-->
				</div><!--/ .kids_slider_wrapper-->
			</div><!--/ .kids_slider_bg-->
			<div class="bg-level-2-left" id="bg-level-2-left"></div>
			<div class="bg-level-2-right" id="bg-level-2-right"></div>
		</div><!-- .l-page-width -->
	</div><!-- .bg-level-1 -->

	<div id="kids_middle_container">

		<div class="kids_top_content">

			<div class="kids_top_content_head">

				<div class="kids_top_content_head_body"></div>

			</div><!-- .kids_top_content_head -->

			<div class="kids_top_content_middle">

				<div class="l-page-width">

					<section class="kids_posts_container clearfix">

						<article class="kids_post_block l-grid-4">
							<h1><img class="icon" src="img/icons/sample-icon1.png" alt="" /><a class="link" href="#">Playground</a></h1>
							<div class="kids_post_content">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis mollis lac us a egestas.</p> <h3 class="l-float-right"><a class="link" href="">Learn More</a></h3>
							</div>
						</article>

						<article class="kids_post_block l-grid-4">
							<h1><img class="icon" src="img/icons/sample-icon2.png" alt="" /><a class="link" href="#">Entertainment</a></h1>
							<div class="kids_post_content">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dolor sit amet, consectetur adipiscingus a egestas. </p><h3 class="l-float-right"><a class="link" href="">Learn More</a></h3>
							</div>
						</article>

						<article class="kids_post_block l-grid-4">
							<h1><img class="icon" src="img/icons/sample-icon3.png" alt="" /><a class="link" href="#">Environment</a></h1>
							<div class="kids_post_content">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis mollis lacus a egestas. </p><h3 class="l-float-right"><a class="link" href="">Learn More</a></h3>
							</div>
						</article>

					</section><!-- .kids_posts_container -->

				</div><!--/ l-page-width-->

			</div><!-- .kids_top_content_middle -->

			<div class="kids_top_content_footer"></div>

		</div><!-- .kids_top_content -->

		<div class="kids_bottom_content">

			<div class="l-page-width">

				<div class="kids_bottom_content_container clearfix">

					<div class="recent_projects">

						<h3 class="section-title">Recent Projects</h3>
						
						<ul class="projects_carousel clearfix">

							<li>
								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="img/sample_1.jpg"><img src="img/temp/temp_thumb_1.jpg" alt="" /></a>
									</figure>
								</div>
								<h1 class="title">Project Name</h1>
								<p>
									Lorem ipsum dolor sit amet, sectetut, sed diam nonummy nibh
									euismod tincidnt ut laoreet
								</p>
								<footer class="aligncenter">
									<a href="#" class="button medium button-style1">More</a>
								</footer>
							</li>

							<li>
								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="img/sample_2.jpg"><img src="img/temp/temp_thumb_2.jpg" alt="" /></a>
									</figure>
								</div>
								<h1 class="title">Project Name</h1>
								<p>
									Lorem ipsum dolor sit amet, sectetut, sed diam nonummy nibh
									euismod tincidnt ut laoreet
								</p>
								<footer class="aligncenter">
									<a href="#" class="button medium button-style1">More</a>
								</footer>
							</li>

							<li>
								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="img/sample_3.jpg"><img src="img/temp/temp_thumb_3.jpg" alt="" /></a>
									</figure>
								</div>
								<h1 class="title">Project Name</h1>
								<p>
									Lorem ipsum dolor sit amet, sectetut, sed diam nonummy nibh
									euismod tincidnt ut laoreet
								</p>
								<footer class="aligncenter">
									<a href="#" class="button medium button-style1">More</a>
								</footer>
							</li>

							<li>
								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="img/sample_4.jpg"><img src="img/temp/temp_thumb_4.jpg" alt="" /></a>
									</figure>
								</div>
								<h1 class="title">Project Name</h1>
								<p>
									Lorem ipsum dolor sit amet, sectetut, sed diam nonummy nibh
									euismod tincidnt ut laoreet
								</p>
								<footer class="aligncenter">
									<a href="#" class="button medium button-style1">More</a>
								</footer>
							</li>

							<li>
								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="img/sample_1.jpg"><img src="img/temp/temp_thumb_1.jpg" alt="" /></a>
									</figure>
								</div>
								<h1 class="title">Project Name</h1>
								<p>
									Lorem ipsum dolor sit amet, sectetut, sed diam nonummy nibh
									euismod tincidnt ut laoreet
								</p>
								<footer class="aligncenter">
									<a href="#" class="button medium button-style1">More</a>
								</footer>
							</li>

							<li>
								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="img/sample_2.jpg"><img src="img/temp/temp_thumb_2.jpg" alt="" /></a>
									</figure>
								</div>
								<h1 class="title">Project Name</h1>
								<p>
									Lorem ipsum dolor sit amet, sectetut, sed diam nonummy nibh
									euismod tincidnt ut laoreet
								</p>
								<footer class="aligncenter">
									<a href="#" class="button medium button-style1">More</a>
								</footer>
							</li>

							<li>
								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="img/sample_3.jpg"><img src="img/temp/temp_thumb_3.jpg" alt="" /></a>
									</figure>
								</div>
								<h1 class="title">Project Name</h1>
								<p>
									Lorem ipsum dolor sit amet, sectetut, sed diam nonummy nibh
									euismod tincidnt ut laoreet
								</p>
								<footer class="aligncenter">
									<a href="#" class="button medium button-style1">More</a>
								</footer>
							</li>

							<li>
								<div class="border-shadow">
									<figure>
										<a class="prettyPhoto kids_picture" href="img/sample_4.jpg"><img src="img/temp/temp_thumb_4.jpg" alt="" /></a>
									</figure>
								</div>
								<h1 class="title">Project Name</h1>
								<p>
									Lorem ipsum dolor sit amet, sectetut, sed diam nonummy nibh
									euismod tincidnt ut laoreet
								</p>
								<footer class="aligncenter">
									<a href="#" class="button medium button-style1">More</a>
								</footer>
							</li>

						</ul><!--/ .projects-carousel -->

					</div><!--/ .work-carousel-->		

				</div><!--/ .kids_bottom_content_container-->

			</div><!--/ .l-page-width-->

		</div><!--/ .kids_bottom_content-->

	</div><!-- #kids_middle_container -->
	<%@include file="include/foot.jsp" %>
	<%@include file="include/theme-control.jsp" %>
	<%@include file="include/js.jsp" %>
</body>
</html>